/* pages/user/index.wxss */
.top{
    width: 100%;
    height: 500rpx;
    filter: blur(0.5);
    position: relative;

    .header-bg{
      height: 100%;
     
    }
    .header-container{
        position: absolute;
        top: calc(50% - 125rpx);
        left: calc(50% - 75rpx);
        width: 150rpx;
        height: 150rpx;
        border-radius: 50%;
        image{
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    }
    .user-name{
        position: absolute;
        top:  calc(100% - 155rpx);
        left: calc(50% - 55rpx);
        color: #fff;
        font-weight: bold;
    }
    .menu{
        width: 90%;
        margin: 0 auto;
        padding: 10rpx;
        color: #999;
        position: absolute;
        top:  calc(100% - 60rpx);
        left: 5%;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #000;
        .item{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }
    }
    .my-order{
        border: 1px solid #000;
        color: #999;
        .title{
            padding: 15rpx;
            text-align: left;
            position: absolute;
            top:  calc(100% + 60rpx);
            left: 5%;
            margin: 0 auto;
            width: 90%;
            border: 1px solid #000;
        }
        .menu{
            width: 90%;
            top:  calc(100% + 135rpx);
            box-sizing: border-box;
            padding: 0;
            .item{
                padding: 5rpx;
                image{
                    width: 40rpx;
                }
            }
        }
    }


}
